<!DOCTYPE html>
<!-- saved from url=(0053)http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html -->
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script async="" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/analytics.js"></script><script type="text/javascript" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/encoder.js"></script><script type="text/javascript" async="" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/ga.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园</title>
<link type="text/css" rel="stylesheet" href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/blog-common.css">
<link id="MainCss" type="text/css" rel="stylesheet" href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/bundle-redcross.css">
<link id="mobile-style" media="only screen and (max-width: 768px)" type="text/css" rel="stylesheet" href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/bundle-redcross-mobile.css">
<link title="RSS" type="application/rss+xml" rel="alternate" href="http://www.cnblogs.com/EricaMIN1987_IT/rss">
<link title="RSD" type="application/rsd+xml" rel="EditURI" href="http://www.cnblogs.com/EricaMIN1987_IT/rsd.xml">
<link type="application/wlwmanifest+xml" rel="wlwmanifest" href="http://www.cnblogs.com/EricaMIN1987_IT/wlwmanifest.xml">
<script src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/jquery.js" type="text/javascript"></script>  
<script type="text/javascript">var currentBlogApp = 'EricaMIN1987_IT', cb_enable_mathjax=false;var isLogined=false;</script>
<script src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/blog-common.js" type="text/javascript"></script>
<style type="text/css">
.c_ad_block,[id^="div-gpt-ad-"],#ibanner��#banner_right,[id^="ad_b"],#banner_right {display:none!important;display:none}[id="bb9c190068b8405587e5006f905e790c"]{display:none;position:absolute;top:-1000000px;visibility:hidden}</style>
<script language="javascript" type="text/javascript" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/35ff706fd57d11c141cdefcd58d6562b.js" charset="gb2312"></script><script type="text/javascript">
hQGHuMEAyLn('[id="bb9c190068b8405587e5006f905e790c"]');</script><style type="text/css">div[id^="div-gpt-ad-"],.adsbygoogle{display:none!important;}</style></head>
<body>
<a name="top"></a>

<table id="wrapper" cellspacing="0" cellpadding="0" border="0">
    <tbody><tr>
        <td colspan="2">
            
                <table id="header_wrapper" cellspacing="0" cellpadding="5" border="0">
                    <tbody><tr>
                        <td id="header_wrapper_left" valign="top">
                            <div align="right">
                                <div id="blog_stats">
随笔：52
文章：0
评论：33
引用：0</div>
                            </div>
                            
<div id="header" style="padding-top:44px">
	<span>
		<a id="Header1_HeaderTitle" href="http://www.cnblogs.com/EricaMIN1987_IT/">MIN飞翔</a><br>
		<div class="sub">IT也疯狂。承接各类.net、php，微信公众号开发项目，有意者请联系QQ：360383853。除此之外，还提供澳洲代购服务，专职婴儿奶粉、麻麻产后修复等产品，有需要者请加微信号：LeeBrotherAustralia</div>
	</span>
</div>
                        </td>
                    </tr>
                    <tr>
                        <td id="header_wrapper_right" align="right">
                            
<table width="190" style="border: solid 0px #C60000">
    <tbody><tr>
        <td align="center" id="my_links">
            <a id="blog_nav_sitehome" class="mainmenu" href="http://www.cnblogs.com/">博客园</a> 
            <a id="blog_nav_myhome" class="mainmenu" href="http://www.cnblogs.com/EricaMIN1987_IT/">首页</a> 
            <a id="blog_nav_newpost" class="mainmenu" rel="nofollow" href="https://i.cnblogs.com/EditPosts.aspx?opt=1">新随笔</a><br>
            <a id="MyLinks1_NewArticleLink" class="mainmenu" href="http://www.cnblogs.com/EnterMyBlog.aspx?NewArticle=1">新文章</a> 
            <a id="blog_nav_contact" accesskey="9" class="mainmenu" rel="nofollow" href="https://msg.cnblogs.com/send/MIN%E9%A3%9E%E7%BF%94">联系</a>
            <a id="blog_nav_rss" class="mainmenu" href="http://www.cnblogs.com/EricaMIN1987_IT/rss">订阅</a><a id="blog_nav_rss_image" href="http://www.cnblogs.com/EricaMIN1987_IT/rss"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/xml.gif" alt="订阅"></a> 
            <a id="blog_nav_admin" class="mainmenu" rel="nofollow" href="https://i.cnblogs.com/">管理</a>
        </td>
    </tr>
</tbody></table>

                        </td>
                    </tr>
                </tbody></table>
            
        </td>
    </tr>
    <tr>
        <td id="main_wrapper" valign="top">
            <table id="main" cellpadding="0" cellspacing="0">
                <tbody><tr>
                    <td>
                        
<div id="post_detail">
<div class="block">
	<h1 class="block_title"><a id="cb_post_title_url" href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园.html">Javascript、Jquery获取浏览器和屏幕各种高度宽度</a></h1>
	<div class="post">
		<div class="postcontent">
			<div id="cnblogs_post_body"><p><span style="font-size: 18px;"><strong><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/116165-20160630110328843-2101737128.png" alt=""></strong></span></p>
<p><span style="font-size: 18px;"><strong>Javascript:</strong></span></p>
<p>&nbsp;</p>
<p>IE中：<br>document.body.clientWidth ==&gt; BODY对象宽度<br>document.body.clientHeight ==&gt; BODY对象高度<br>document.documentElement.clientWidth ==&gt; 可见区域宽度<br>document.documentElement.clientHeight ==&gt; 可见区域高度<br>FireFox中：<br>document.body.clientWidth ==&gt; BODY对象宽度<br>document.body.clientHeight ==&gt; BODY对象高度<br>document.documentElement.clientWidth ==&gt; 可见区域宽度<br>document.documentElement.clientHeight ==&gt; 可见区域高度<br>Opera中：<br>document.body.clientWidth ==&gt; 可见区域宽度<br>document.body.clientHeight ==&gt; 可见区域高度<br>document.documentElement.clientWidth ==&gt; 页面对象宽度（即BODY对象宽度加上Margin宽）<br>document.documentElement.clientHeight ==&gt; 页面对象高度（即BODY对象高度加上Margin高）</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-size: 15px;">alert(document.body.clientWidth); &nbsp; &nbsp; &nbsp; &nbsp;//网页可见区域宽(body)</span></p>
<p><span style="font-size: 15px;">alert(document.body.clientHeight); &nbsp; &nbsp; &nbsp; //网页可见区域高(body)</span></p>
<p><span style="font-size: 15px;">alert(document.body.offsetWidth); &nbsp; &nbsp; &nbsp;&nbsp;//网页可见区域宽(body)，包括border、margin等</span></p>
<p><span style="font-size: 15px;">alert(document.body.offsetHeight); &nbsp; &nbsp; &nbsp;//网页可见区域宽(body)，包括border、margin等</span></p>
<p><span style="font-size: 15px;">alert(document.body.scrollWidth); &nbsp; &nbsp; &nbsp; &nbsp;//网页正文全文宽，包括有滚动条时的未见区域</span></p>
<p><span style="font-size: 15px;">alert(document.body.scrollHeight); &nbsp; &nbsp; &nbsp;&nbsp;//网页正文全文高，包括有滚动条时的未见区域</span></p>
<p><span style="font-size: 15px;">alert(document.body.scrollTop); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //网页被卷去的Top(滚动条)</span></p>
<p><span style="font-size: 15px;">alert(document.body.scrollLeft); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //网页被卷去的Left(滚动条)</span></p>
<p><span style="font-size: 15px;">alert(window.screenTop); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //浏览器距离Top</span></p>
<p><span style="font-size: 15px;">alert(window.screenLeft); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //浏览器距离Left</span></p>
<p><span style="font-size: 15px;">alert(window.screen.height); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//屏幕分辨率的高</span></p>
<p><span style="font-size: 15px;">alert(window.screen.width); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //屏幕分辨率的宽</span></p>
<p><span style="font-size: 15px;">alert(window.screen.availHeight); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//屏幕可用工作区的高</span></p>
<p><span style="font-size: 15px;">alert(window.screen.availWidth); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //<span style="line-height: 1.5;">屏幕可用工作区的宽</span></span></p>
<p>&nbsp;</p>
<p><span style="font-size: 18px;"><strong><span style="line-height: 1.5;">Jquery</span></strong></span></p>
<p><span style="font-size: 15px;">alert($(window).height()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //浏览器当前窗口可视区域高度</span></p>
<p><span style="font-size: 15px;">alert($(document).height()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//浏览器当前窗口文档的高度</span></p>
<p><span style="font-size: 15px;">alert($(document.body).height()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//浏览器当前窗口文档body的高度</span></p>
<p><span style="font-size: 15px;">alert($(document.body).outerHeight(true)); &nbsp;//浏览器当前窗口文档body的总高度 包括border padding margin</span></p>
<p><span style="font-size: 15px;">alert($(window).width()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//浏览器当前窗口可视区域宽度</span></p>
<p><span style="font-size: 15px;">alert($(document).width()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//浏览器当前窗口文档对象宽度</span></p>
<p><span style="font-size: 15px;">alert($(document.body).width()); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//浏览器当前窗口文档body的宽度</span></p>
<p><span style="font-size: 15px;">alert($(document.body).outerWidth(true)); &nbsp;//浏览器当前窗口文档body的总宽度 包括border padding margin</span></p>
<p>&nbsp;</p>
<div class="cnblogs_code"><div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><a href="javascript:void(0);" onclick="copyCnblogsCode(this)" title="复制代码"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/copycode.gif" alt="复制代码"></a></span></div>
<pre><span style="color: #008080;"> 1</span> <span style="color: #0000ff;">&lt;!</span><span style="color: #ff00ff;">DOCTYPE html</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 2</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="jquery-1.5.1.min.js"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 3</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">html</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 4</span>   <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 5</span>     <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 6</span>   <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 7</span>   <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;"> 8</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span><span style="color: #008080;"> 9</span> aaaaaaaaaaaaaaaaaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">10</span>     <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>Welcome to aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">p</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">11</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">12</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">13</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">14</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">15</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">16</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">17</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">18</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">19</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">20</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">21</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">22</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">23</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>aaa<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">24</span>   <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">25</span> <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">html</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">26</span> 
<span style="color: #008080;">27</span> <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #0000ff;">&gt;</span>
<span style="color: #008080;">28</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.clientWidth);
</span><span style="color: #008080;">29</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.clientHeight);
</span><span style="color: #008080;">30</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.offsetWidth);
</span><span style="color: #008080;">31</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.offsetHeight);
</span><span style="color: #008080;">32</span> 
<span style="color: #008080;">33</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.scrollWidth);
</span><span style="color: #008080;">34</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.scrollHeight);
</span><span style="color: #008080;">35</span> 
<span style="color: #008080;">36</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.scrollTop);
</span><span style="color: #008080;">37</span> <span style="background-color: #f5f5f5; color: #000000;">alert(document.body.scrollLeft);
</span><span style="color: #008080;">38</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screenTop);
</span><span style="color: #008080;">39</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screenLeft);
</span><span style="color: #008080;">40</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screen.height);
</span><span style="color: #008080;">41</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screen.width);
</span><span style="color: #008080;">42</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screen.availHeight);
</span><span style="color: #008080;">43</span> <span style="background-color: #f5f5f5; color: #000000;">alert(window.screen.availWidth);
</span><span style="color: #008080;">44</span> 
<span style="color: #008080;">45</span> <span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">alert($(document).height()); </span>
<span style="color: #008080;">46</span> <span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">alert($(document).width());</span>
<span style="color: #008080;">47</span> <span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span></pre>
<div class="cnblogs_code_toolbar"><span class="cnblogs_code_copy"><a href="javascript:void(0);" onclick="copyCnblogsCode(this)" title="复制代码"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/copycode.gif" alt="复制代码"></a></span></div></div>
<p>&nbsp;</p></div><div id="MySignature"></div>
<div class="clear"></div>
<div id="blog_post_info_block">
<div id="BlogPostCategory">分类: <a href="http://www.cnblogs.com/EricaMIN1987_IT/category/274867.html" target="_blank">Javascript</a>,<a href="http://www.cnblogs.com/EricaMIN1987_IT/category/595792.html" target="_blank">前端知识</a></div>
<div id="EntryTag"></div>
<div id="blog_post_info"><div id="green_channel">
        <a href="javascript:void(0);" id="green_channel_digg" onclick="DiggIt(3593431,cb_blogId,1);green_channel_success(this,&#39;谢谢推荐！&#39;);">好文要顶</a>
            <a id="green_channel_follow" onclick="follow(&#39;34ab4407-d821-df11-ba8f-001cf0cd104b&#39;);" href="javascript:void(0);">关注我</a>
    <a id="green_channel_favorite" onclick="AddToWz(cb_entryId);return false;" href="javascript:void(0);">收藏该文</a>
    <a id="green_channel_weibo" href="javascript:void(0);" title="分享至新浪微博" onclick="ShareToTsina()"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/icon_weibo_24.png" alt=""></a>
    <a id="green_channel_wechat" href="javascript:void(0);" title="分享至微信" onclick="shareOnWechat()"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/wechat.png" alt=""></a>
</div>
<div id="author_profile">
    <div id="author_profile_info" class="author_profile_info">
            <a href="http://home.cnblogs.com/u/EricaMIN1987_IT/" target="_blank"><img src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/sample_face.gif" class="author_avatar" alt=""></a>
        <div id="author_profile_detail" class="author_profile_info">
            <a href="http://home.cnblogs.com/u/EricaMIN1987_IT/">MIN飞翔</a><br>
            <a href="http://home.cnblogs.com/u/EricaMIN1987_IT/followees">关注 - 11</a><br>
            <a href="http://home.cnblogs.com/u/EricaMIN1987_IT/followers">粉丝 - 76</a>
        </div>
    </div>
    <div class="clear"></div>
    <div id="author_profile_honor"></div>
    <div id="author_profile_follow">
                <a href="javascript:void(0);" onclick="follow(&#39;34ab4407-d821-df11-ba8f-001cf0cd104b&#39;);return false;">+加关注</a>
    </div>
</div>
<div id="div_digg">
    <div class="diggit" onclick="votePost(3593431,&#39;Digg&#39;)">
        <span class="diggnum" id="digg_count">1</span>
    </div>
    <div class="buryit" onclick="votePost(3593431,&#39;Bury&#39;)">
        <span class="burynum" id="bury_count">1</span>
    </div>
    <div class="clear"></div>
    <div class="diggword" id="digg_tips">
    </div>
</div>
</div>
<div class="clear"></div>
<div id="post_next_prev"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3571773.html" class="p_n_p_prefix">« </a> 上一篇：<a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3571773.html" title="发布于2014-02-27 16:21">MongoDB在Windows下安装及配置</a><br><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3594071.html" class="p_n_p_prefix">» </a> 下一篇：<a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3594071.html" title="发布于2014-03-11 15:36">GIT之一  起步篇</a><br></div>
</div>


		</div>
		<div class="itemdesc">
			发表于 <span id="post-date">2014-03-11 10:56</span> <a href="http://www.cnblogs.com/EricaMIN1987_IT/">MIN飞翔</a> 阅读(<span id="post_view_count">80165</span>) 评论(<span id="post_comment_count">2</span>)  <a href="https://i.cnblogs.com/EditPosts.aspx?postid=3593431" rel="nofollow">编辑</a> <a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html#" onclick="AddToWz(3593431);return false;">收藏</a>
		</div>
	</div>
	<div class="seperator">&nbsp;</div>
	<script type="text/javascript">var allowComments=true,cb_blogId=66993,cb_entryId=3593431,cb_blogApp=currentBlogApp,cb_blogUserGuid='34ab4407-d821-df11-ba8f-001cf0cd104b',cb_entryCreatedDate='2014/3/11 10:56:00';loadViewCount(cb_entryId);</script>
	
</div><a name="!comments"></a><div id="blog-comments-placeholder"><div id="comments_pager_top"></div>
<div class="post">
<a name="评论"></a>
<div class="moreinfo">
	<div class="moreinfotitle">
		评论
	</div>
	
	
			<div class="comments">
		
			<div class="comment">
				<div class="comment_title">
					<a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html#2996696" class="layer">#1楼</a><a name="2996696" id="comment_anchor_2996696"></a>
				</div>
				<div class="comment_content"><div id="comment_body_2996696" class="blog_comment_body">thank you</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(2996696,&#39;Digg&#39;,this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(2996696,&#39;Bury&#39;,this)">反对(0)</a></div><span id="comment_2996696_avatar" style="display:none;">http://pic.cnblogs.com/face/u360545.jpg?id=15224938</span></div>
				<div class="comment_footer"><a id="a_comment_author_2996696" href="http://www.cnblogs.com/wuxian080926/" target="_blank">吴蚬</a> <a href="http://msg.cnblogs.com/send/%E5%90%B4%E8%9A%AC" title="发送站内短消息" class="sendMsg2This">&nbsp;</a> 评论于  <span class="comment_date">2014-07-29 14:37</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="comment_actions"></span></div>
			</div>
		
			<div class="comment">
				<div class="comment_title">
					<a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html#3573546" class="layer">#2楼</a><a name="3573546" id="comment_anchor_3573546"></a><span id="comment-maxId" style="display:none;">3573546</span><span id="comment-maxDate" style="display:none;">2016/12/6 13:30:44</span>
				</div>
				<div class="comment_content"><div id="comment_body_3573546" class="blog_comment_body">alert(document.body.offsetWidth);       //网页可见区域宽(body)，包括border、margin等<br><br><br>这个不包括margin的<br>window.screen.availWidth: 1920<br>document.body.clientWidth: 1887<br>document.body.offsetWidth: 1887</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3573546,&#39;Digg&#39;,this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3573546,&#39;Bury&#39;,this)">反对(0)</a></div><span id="comment_3573546_avatar" style="display:none;">http://pic.cnblogs.com/face/931157/20160407225111.png</span></div>
				<div class="comment_footer"><a id="a_comment_author_3573546" href="http://www.cnblogs.com/mina-huojian66/" target="_blank">米娜-火箭</a> <a href="http://msg.cnblogs.com/send/%E7%B1%B3%E5%A8%9C-%E7%81%AB%E7%AE%AD" title="发送站内短消息" class="sendMsg2This">&nbsp;</a> 评论于  <span class="comment_date">2016-12-06 13:30</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="comment_actions"></span></div>
			</div>
		
			</div>
		
</div>
</div>
<div class="seperator">&nbsp;</div>
<div id="comments_pager_bottom"></div></div><script type="text/javascript">var commentManager = new blogCommentManager();commentManager.renderComments(0);</script>
<div id="comment_form" class="commentform">
<a name="commentform"></a>
<div id="divCommentShow"></div>
<div id="comment_nav"><span id="span_refresh_tips"></span><a href="javascript:void(0);" onclick="return RefreshCommentList();" id="lnk_RefreshComments" runat="server" clientidmode="Static">刷新评论</a><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html#" onclick="return RefreshPage();">刷新页面</a><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3593431.html#top">返回顶部</a></div>
<div id="comment_form_container"><div class="login_tips">注册用户登录后才能发表评论，请 <a rel="nofollow" href="javascript:void(0);" class="underline" onclick="return login(&#39;commentform&#39;);">登录</a> 或 <a rel="nofollow" href="javascript:void(0);" class="underline" onclick="return register();">注册</a>，<a href="http://www.cnblogs.com/">访问</a>网站首页。</div></div>
<div class="ad_text_commentbox" id="ad_text_under_commentbox"></div>
<div id="ad_t2"><a href="http://www.ucancode.com/index.htm" target="_blank">【推荐】50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库</a><br><a href="https://click.aliyun.com/m/13338/" target="_blank">【招募】2017云栖大会深圳峰会火热报名中</a><br><a href="https://activity.ksyun.com/1701/index.html?ch=00033.00005.0011701&hmsr=cnblogs&hmpl=1701&hmcu=&hmkw=&hmci=" target="_blank">【云上】在金山大米云，让云计算更简单</a><br><a href="http://click.aliyun.com/m/14477/" target="_blank">【推荐】阿里云云盾帮您解读WAF防护功能</a><br></div>
<div id="opt_under_post"></div>
<div id="ad_c1" class="c_ad_block">     <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4210569241504288" data-ad-slot="5457903683"></ins></div>
<div id="under_post_news"><div class="itnews c_ad_block"><b>最新IT新闻</b>:<br> ·  <a href="http://news.cnblogs.com/n/565415/" target="_blank">代码中的汉字能阻挡CIA黑客？想太多，他们在招中文黑客了</a><br> ·  <a href="http://news.cnblogs.com/n/565432/" target="_blank">人工智能公司DeepMind天价卖给谷歌后两名创始人在做啥？</a><br> ·  <a href="http://news.cnblogs.com/n/565431/" target="_blank">Pinterest今年营收有望达6亿美元 考虑IPO</a><br> ·  <a href="http://news.cnblogs.com/n/565430/" target="_blank">淘宝做了一部良心剧，就是为了卖给你6样东西</a><br> ·  <a href="http://news.cnblogs.com/n/565429/" target="_blank">虚假网播量产业链调查：租用IP地址库一万流量2元</a><br>» <a href="http://news.cnblogs.com/" title="IT新闻" target="_blank">更多新闻...</a></div></div>
<div id="ad_c2" class="c_ad_block"><a href="http://bbs.h3bpm.com/index.php?m=app&app=product_download&a=reg&utm_source=csdn&utm_medium=pic&utm_campaign=show&utm_content=v10&utm_term=%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD" target="_blank"><img width="468" height="60" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/24442-20170118152220281-363324784.jpg" alt=""></a></div>
<div id="under_post_kb"><div class="itnews c_ad_block" id="kb_block"><b>最新知识库文章</b>:<br><div id="kb_recent"> ·  <a href="http://kb.cnblogs.com/page/559403/" target="_blank">为什么我要写自己的框架？</a><br> ·  <a href="http://kb.cnblogs.com/page/562433/" target="_blank">垃圾回收原来是这么回事</a><br> ·  <a href="http://kb.cnblogs.com/page/554260/" target="_blank">「代码家」的学习过程和学习经验分享</a><br> ·  <a href="http://kb.cnblogs.com/page/556770/" target="_blank">写给未来的程序媛</a><br> ·  <a href="http://kb.cnblogs.com/page/558087/" target="_blank">高质量的工程代码为什么难写</a><br></div>» <a href="http://kb.cnblogs.com/" target="_blank">更多知识库文章...</a></div></div>
<div id="HistoryToday" class="c_ad_block"></div>
<script type="text/javascript">
    fixPostBody();
    setTimeout(function () { incrementViewCount(cb_entryId); }, 50);
    deliverAdT2();
    deliverAdC1();
    deliverAdC2();    
    loadNewsAndKb();
    loadBlogSignature();
    LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid);
    GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate);
    loadOptUnderPost();
    GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);   
</script>
</div>

</div></td>
                </tr>
            </tbody></table>
        </td>
        <td id="sidebar" valign="top">
            
                <table id="sidebar_news" cellpadding="0" cellspacing="0" border="0">
                    <tbody><tr>
                        <td>
                            <div id="blog-calendar" style=""><table id="blogCalendar" class="Cal" cellspacing="0" cellpadding="0" title="Calendar">
	<tbody><tr><td colspan="7"><table class="CalTitle" cellspacing="0">
		<tbody><tr><td class="CalNextPrev"><a href="javascript:void(0);" onclick="loadBlogCalendar(&#39;2017/02/01&#39;);return false;">&lt;</a></td><td align="center">2017年3月</td><td class="CalNextPrev" align="right"><a href="javascript:void(0);" onclick="loadBlogCalendar(&#39;2017/04/01&#39;);return false;">&gt;</a></td></tr>
	</tbody></table></td></tr><tr><th class="CalDayHeader" align="center" abbr="日" scope="col">日</th><th class="CalDayHeader" align="center" abbr="一" scope="col">一</th><th class="CalDayHeader" align="center" abbr="二" scope="col">二</th><th class="CalDayHeader" align="center" abbr="三" scope="col">三</th><th class="CalDayHeader" align="center" abbr="四" scope="col">四</th><th class="CalDayHeader" align="center" abbr="五" scope="col">五</th><th class="CalDayHeader" align="center" abbr="六" scope="col">六</th></tr><tr><td class="CalOtherMonthDay" align="center">26</td><td class="CalOtherMonthDay" align="center">27</td><td class="CalOtherMonthDay" align="center">28</td><td align="center">1</td><td align="center">2</td><td align="center">3</td><td class="CalWeekendDay" align="center">4</td></tr><tr><td class="CalWeekendDay" align="center">5</td><td align="center">6</td><td align="center">7</td><td align="center">8</td><td align="center">9</td><td align="center">10</td><td class="CalWeekendDay" align="center">11</td></tr><tr><td class="CalWeekendDay" align="center">12</td><td align="center">13</td><td align="center">14</td><td align="center">15</td><td align="center">16</td><td align="center">17</td><td class="CalWeekendDay" align="center">18</td></tr><tr><td class="CalWeekendDay" align="center">19</td><td align="center">20</td><td align="center">21</td><td class="CalTodayDay" align="center">22</td><td align="center">23</td><td align="center">24</td><td class="CalWeekendDay" align="center">25</td></tr><tr><td class="CalWeekendDay" align="center">26</td><td align="center">27</td><td align="center">28</td><td align="center">29</td><td align="center">30</td><td align="center">31</td><td class="CalOtherMonthDay" align="center">1</td></tr><tr><td class="CalOtherMonthDay" align="center">2</td><td class="CalOtherMonthDay" align="center">3</td><td class="CalOtherMonthDay" align="center">4</td><td class="CalOtherMonthDay" align="center">5</td><td class="CalOtherMonthDay" align="center">6</td><td class="CalOtherMonthDay" align="center">7</td><td class="CalOtherMonthDay" align="center">8</td></tr>
</tbody></table></div><script type="text/javascript">loadBlogDefaultCalendar();</script>
                        </td>
                    </tr>
                </tbody></table>
                
<h1>公告</h1>
<div align="center" style="margin-top:10px"><div id="blog-news"><div id="profile_block">昵称：<a href="http://home.cnblogs.com/u/EricaMIN1987_IT/">MIN飞翔</a><br>园龄：<a href="http://home.cnblogs.com/u/EricaMIN1987_IT/" title="入园时间：2010-02-25">7年</a><br>粉丝：<a href="http://home.cnblogs.com/u/EricaMIN1987_IT/followers/">76</a><br>关注：<a href="http://home.cnblogs.com/u/EricaMIN1987_IT/followees/">11</a><div id="p_b_follow"><a href="javascript:void(0);" onclick="follow(&#39;34ab4407-d821-df11-ba8f-001cf0cd104b&#39;)">+加关注</a></div></div></div><script type="text/javascript">loadBlogNews();</script></div>
                <div id="blog-sidecolumn"><div id="sidebar_search" class="sidebar-block">
<div id="sidebar_search" class="mySearch">
<h3 class="catListTitle">搜索</h3>
<div id="sidebar_search_box">
<div id="widget_my_zzk" class="div_my_zzk"><input type="text" id="q" onkeydown="return zzk_go_enter(event);" class="input_my_zzk">&nbsp;<input onclick="zzk_go()" type="button" value="找找看" id="btnZzk" class="btn_my_zzk"></div>
<div id="widget_my_google" class="div_my_zzk"><input type="text" name="google_q" id="google_q" onkeydown="return google_go_enter(event)" class="input_my_zzk">&nbsp;<input onclick="google_go()" type="button" value="谷歌搜索" class="btn_my_zzk"></div>
</div>
</div>

</div><div id="sidebar_shortcut" class="sidebar-block">
<h3 class="catListTitle">常用链接</h3>
<ul>
<li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/" title="我的博客的随笔列表">我的随笔</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/MyComments.html" title="我发表过的评论列表">我的评论</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/OtherPosts.html" title="我评论过的随笔列表">我的参与</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/RecentComments.html" title="我的博客的评论列表">最新评论</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/tag/" title="我的博客的标签列表">我的标签</a></li>
</ul>
<div id="itemListLin_con" style="display:none;">

</div></div><div id="sidebar_recentposts" class="sidebar-block">
<h3 class="catListTitle">最新随笔</h3>
<div class="RecentComment" id="RecentPosts">
<ul style="word-break:break-all">
<li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/4979459.html">1. phonegap android 开发环境搭建</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/4228644.html">2. Yii框架（Yii Framework）部署</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/4184388.html">3. Windows平台下PHP环境搭建</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3929113.html">4. JavaScript跨域</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3868593.html">5. W3C代码标准规范</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html">6. HTTP协议详解</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3705794.html">7. window.onload、DOMContentLoaded和$(document).ready()</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3701025.html">8. Javascript、CSS和IMG之网页执行探索</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3678803.html">9. 从零开始学习Node.js例子九  设置HTTP头</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3654826.html">10. 从零开始学习Node.js例子八  使用SQLite3和MongoDB</a></li>
</ul>
</div>
</div><div id="sidebar_toptags" class="sidebar-block">
<h3 class="catListTitle">我的标签</h3>
<div id="MyTag">
<ul>
<li><a href="http://www.cnblogs.com/EricaMIN1987_IT/tag/HTTP%E5%8D%8F%E8%AE%AE/">HTTP协议</a>(1)</li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/tag/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86/">前端知识</a>(1)</li>
</ul>
</div></div><div id="sidebar_categories">
		<h1 class="listtitle">随笔分类<span style="font-size:11px;font-weight:normal">(53)</span></h1>
		
				<ul class="list" type="square">
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_0" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/279640.html">.NET机制(1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_1" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/282395.html">.NET相关(1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_2" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/282386.html">AJAX(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_3" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/279397.html">ASP.NET AJAX控件(4)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_4" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/279793.html">CSS(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_5" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/565622.html">GIT(4)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_6" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/274867.html">Javascript(7)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_7" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/281212.html">LINQ TO SQL(1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_8" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/565623.html">Node.js(14)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_9" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/644608.html">PHP(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_10" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/278464.html">SQL SERVER(3)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_11" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/280693.html">T-SQL(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_12" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/291758.html">WCF(MSDN Webcasts)(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_13" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/282384.html">其他(2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_14" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/595792.html">前端知识(3)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_0_Link_15" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/category/565621.html">微信(3)</a> </li>
			
				</ul>
			
	
		<h1 class="listtitle">随笔档案<span style="font-size:11px;font-weight:normal">(52)</span></h1>
		
				<ul class="list" type="square">
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_0" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2015/11.html">2015年11月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_1" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2015/01.html">2015年1月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_2" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/12.html">2014年12月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_3" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/08.html">2014年8月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_4" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/07.html">2014年7月 (2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_5" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/05.html">2014年5月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_6" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/04.html">2014年4月 (15)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_7" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/03.html">2014年3月 (7)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_8" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2014/02.html">2014年2月 (2)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_9" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/05.html">2011年5月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_10" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/04.html">2011年4月 (1)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_11" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/02.html">2011年2月 (5)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_12" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/01.html">2011年1月 (13)</a> </li>
			
				<li class="listitem"><a id="CatList_LinkList_1_Link_13" class="listitem" href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2010/12.html">2010年12月 (1)</a> </li>
			
				</ul>
			
	
</div><div id="sidebar_scorerank" class="sidebar-block">
<h3>积分与排名</h3>
<ul>
	<li>
		积分 -
		51340
	</li><li>
		排名 -
		5156
	</li>
</ul>
</div><div id="sidebar_recentcomments" class="sidebar-block"><div id="recent_comments_wrap">
<h3 class="catListTitle">最新评论</h3>
<div class="RecentComment" id="RecentComments">
	<div id="RecentCommentsBlock"><ul>
        <li class="recent_comment_title"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html#3647174">1. Re:HTTP协议详解</a></li>
        <li class="recent_comment_body">写的真详细，大神</li>
        <li class="recent_comment_author">--xueteng</li>
        <li class="recent_comment_title"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3640450.html#3634377">2. Re:从零开始学习Node.js例子三  图片上传和显示</a></li>
        <li class="recent_comment_body">感谢。</li>
        <li class="recent_comment_author">--roverliang</li>
        <li class="recent_comment_title"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3868593.html#3622294">3. Re:W3C代码标准规范</a></li>
        <li class="recent_comment_body">真好，不错</li>
        <li class="recent_comment_author">--假面/浮夸</li>
        <li class="recent_comment_title"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html#3592386">4. Re:HTTP协议详解</a></li>
        <li class="recent_comment_body">66666666666666666666</li>
        <li class="recent_comment_author">--十年好唱不好等</li>
        <li class="recent_comment_title"><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html#3588477">5. Re:HTTP协议详解</a></li>
        <li class="recent_comment_body">去腾讯面试时被问过三个问题：一是http和ftp的区别是什么？二是服务器返回302时怎么办？三是如何实现分片下载？采用多线程还是单线程？<br>早点看到这篇文章就好了😭</li>
        <li class="recent_comment_author">--applixy</li>
</ul>
</div>
</div>
</div></div><div id="sidebar_topviewedposts" class="sidebar-block"><div id="topview_posts_wrap">
<h3 class="catListTitle">阅读排行榜</h3>
<div class="RecentComment" id="TopViewPosts"> 
	<div id="TopViewPostsBlock"><ul><li><a href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园.html">1. Javascript、Jquery获取浏览器和屏幕各种高度宽度(80164)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html">2. HTTP协议详解(58348)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/01/20/1940188.html">3. sql union和union all的用法及效率(26285)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3654826.html">4. 从零开始学习Node.js例子八  使用SQLite3和MongoDB(13257)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3868593.html">5. W3C代码标准规范(11170)</a></li></ul></div>
</div>
</div></div><div id="sidebar_topcommentedposts" class="sidebar-block"><div id="topfeedback_posts_wrap">
<h3 class="catListTitle">评论排行榜</h3>
<div class="RecentComment" id="TopCommentsPosts">
	<div id="TopFeedbackPostsBlock"><ul><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html">1. HTTP协议详解(20)</a></li><li><a href="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园.html">2. Javascript、Jquery获取浏览器和屏幕各种高度宽度(2)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3555849.html">3. Windows 7下安装部署NodeJs(2)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3596048.html">4. 微信公众平台开发   第一篇(2)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3868593.html">5. W3C代码标准规范(1)</a></li></ul></div>
</div></div></div><div id="sidebar_topdiggedposts" class="sidebar-block"><div id="topdigg_posts_wrap">
<h3 class="catListTitle">推荐排行榜</h3>
<div class="RecentComment">
	<div id="TopDiggPostsBlock"><ul><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html">1. HTTP协议详解(41)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/02/09/1950276.html">2. AJAX请求时status返回状态明细表 readyState的五种状态(3)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/4184388.html">3. Windows平台下PHP环境搭建(2)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/p/3868593.html">4. W3C代码标准规范(2)</a></li><li><a href="http://www.cnblogs.com/EricaMIN1987_IT/archive/2011/01/20/1940188.html">5. sql union和union all的用法及效率(1)</a></li></ul></div>
</div></div></div></div><script type="text/javascript">loadBlogSideColumn();</script>
            
            <br>
            <b>Powered By:</b> <a href="http://www.cnblogs.com/">博客园</a>
            <br>
        </td>
    </tr>
</tbody></table>





<!--PageEndHtml Block Begin-->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22479699-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<!--PageEndHtml Block End-->


<script type="text/javascript" src="./Javascript、Jquery获取浏览器和屏幕各种高度宽度 - MIN飞翔 - 博客园_files/ssa.ashx" id="d997ed0e-d1a3-4bec"></script></body></html>